.articleContainer {
    font-size: 1.1rem;

    h1,
    h2 {
        margin-top : 1.5rem;
        font-weight: bolder;
    }

    h3,
    h4,
    h5,
    h6 {
        font-weight: bolder;
        margin-top : 1rem;
        margin-left: 0.4rem;
    }

    .katex {
        font-size: 1rem;
    }

    p>code {
        display         : inline-block;
        padding         : 0 4px;
        margin          : 0 4px;
        background-color: rgba(226, 226, 226, 0.829);
        font-style      : 'bold';
        border-radius   : 2px;
        line-height     : 100%;
    }

    table {
        margin: 1rem auto;
        border: 1px solid @border-color-base;
    }

    .tableDiv {
        // table外包裹的div，防止table列数过多超出布局
        max-width: 100%;
        overflow : auto;
    }

    .codeDiv{
        border-radius: 8px
    }

    .wordBreak {
        word-break: break-all
    }


    th {
        background-color: @border-color-base + #111;
    }

    table,
    td,
    th,
    tr {
        border : 1px solid @border-color-base;
        padding: .3rem 1rem;
    }

    hr {
        margin-bottom: 14px;
    }

    blockquote {
        box-shadow   : 4px 4px 14px #999;
        margin       : 1rem 0.5rem;
        border-radius: 10px;
        border-left  : .8rem solid #afe2d7;
        padding      : 1rem 1rem;

        p {
            margin: 0 1rem;
        }
    }

    ul,
    ol {
        margin: 0 0 1rem 2.5rem;
    }

    hr {
        margin       : 2rem 0;
        border-top   : @border-color-base solid 3px;
        border-bottom: 0;
        border-right : 0;
        border-left  : 0;
    }

    .illustration {
        display  : block;
        max-width: 80%;
    }
}